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Abstract. Map symbols may fail against backgrounds when their hues or 
color lightness levels match the immediately local background too closely, 
or when their shape is indistinguishable from shapes seen in the back- 
ground. Strategies for legibility among toggling layers such as orthoi image- 
ry, terrain shading, and land cover include: i) deliberate use of simultane- 
ous contrast, ii) strategic hue and lightness selection, iii) multi-band text 
halos, iv) transparency, v) strategic sequencing of layers, and vi) use of clas- 
sical elements such as road casings. This paper describes uses of these ef- 
fects for national topographic mapping for the United States. 
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1. Introduction 

Atypical feature of interactive maps is the ability to toggle layers on and off. 
Thisfunctionalityis now included in United States Geological Survey 
(USGS) "USTopo" 124,000 maps served in GeoPDF format. There has 
been little research in cartography on how vector and label symbols visually 
interact with varied, toggled backgrounds, despite this being a common 
scenario. Whileone effective strategy isto use different symbols for differ- 
ent backgrounds, this may not always be possible (e.g., mashupswith unal- 
terable service layers) or desirable. Further, layered interactive maps such 
as U S Topo need to be graphi cal I y robust across di verse vi ewi ng envi ron- 
ments(e.g., print, monitor and mobile screens). We present strategies used 
to develop vector and label designs for US Topo that maintain readability 
with fi xed symbol ogy across al I possi bl e I ayer toggl e permutati ons. I n thi s 
proceeding paper we pay particular attention to lightness contrast interac- 



tions between symbolsand backgrounds. For the conference talk, we gener- 
al i ze these strategi es to provi de a set of gui del i nes for symbol i zati on i n mul - 
ti-l ayer i nteracti ve mappi ng envi ronments. 



2. Background 

A color's appearance is always perceived relative to its surroundings. Simul- 
taneous contrast (also termed induction) isa perceptual effect that enhanc- 
es the differences between adjacent colors. A medium lightness color on a 
dark surround looks lighter than that same color with a light surround. Ad- 
jacent small color elements tend to average together as partitive mixtures, 
rather than becoming more visible with contrast effects, so cartographers 
must deal with a complicated combination of contrast and mixture effects 
for letters, points, and lines across varied backgrounds. 

Looking at our topographic symbol design challenges with particular atten- 
tion to color contrast brings back to mind work done over 20 years ago by 
the second author for her dissertation (Brewer 1991, 1992, 1996, 1997). This 
research on simultaneous contrast was also a foundation for construction of 
ColorBrewer.org, a popular tool online that serves color specifications for 
thematic map symbol i zati on, serving sequential, diverging, and qualitative 
schemes with 3 to 12 classes per scheme (Brewer 2003, Harrower & Brewer 
2003). The arrangement of the ColorBrewer display to visualize a chosen 
color scheme is designed to see all contrast combinations— each color is 
seen as small isolated patches against a background of every other color in 
thescheme. They are also seen intermixed with the other colors to allow the 
user to visually confirm that all colors remain distinct. Optional linear fea- 
tures are shown across all color backgrounds as well. These arrangements 
of color do not prevent simultaneous contrast effects on maps; rather, they 
hel p the map desi gner deci de whether contrast may have a negati ve i mpact 
on the readability of their map. (ColorBrewer tools are currently pro- 
grammed and updated by Andy Woodruff of Axis Maps— thanks Andy.) 

Color contrast on maps is a current topic of research as well. Of particular 
note is work by researchers in the COGIT Laboratory at IGN (Institut 
Geographique National), France, currently lead by Cecile Duchene. Anne 
Ruas, the previous director, supervised two PhD theses with contrast as a 
core aspect for map design automation: Elisabeth Chesneau (2006), and 
Sidonie Christophe (2009a), who worked with Elodie Buard to formalize 
contrast for on-demand and topographic mapping (Buard & Ruas 2007, 
2009). Chesneau (2011) uses contrast calculations to ensure risk themes 
and base information are easily distinguished as different colors are selec- 
ted. Christophe (2009b, 2011) has a series of papers on automated and ere- 



ative color selection based on personal preferences or artistic works. Her 
COLLEG system converts candidate color selections into palettes for map 
displays, and uses contrast and relative amounts of each color in the pro- 
cess of matching colors to feature types. COGIT continues to sponsor work 
on map design topics as well as automation and generalization. 



3. Design for U.S. Topographic Mapping 

Symbols may fail against backgrounds when their hues or color lightness 
levels match the immediately local background too closely, or when their 
shape is indistinguishable from shapes seen in the background. Strategies 
for legibility among toggling layers include: i) deliberate use of simultane- 
ous contrast, ii) strategic hue and lightness selection, iii) multi-band text 
halos, iv) transparency, v) strategic sequencing of layers, and vi) use of clas- 
sical elements such as road casings. 

3.1. Contrast 

While typically complicating map design and reading, simultaneous con- 
trast can be used to ensure vectors remain visible over base maps with high 
graphical variation, such as orthoimages (Raposo & Brewer 2011, in press). 
Our designs use this in the choice of gray lightness level used for roads: the 
gray used appears darker when seen over bare white, hillshade and con- 
tours, but lighter over land cover and orthoi imagery, contrasting distinctly 
in each case. Alternating dark and light dashes are used for unpaved roads 
and boundary lines so that, given certain backgrounds, either dash is no- 
ticed by simultaneous contrast (see horizontal dashed boundary across up- 
per portion of Figure 1). On a light background, the dark dashes are seen, 
while on a dark background the light dashes are seen. On medium lightness 
backgrounds both are seen, and the contrast between consecutive dashes 
i mproves the promi nence of the I i ne. 

Similarly, streams use subtly alternating triplets of blues along the line to 
remain prominent against varied backgrounds. With a complex orthoi mage 
and land cover background, this alternation creates a bit of lightness con- 
trast whether the steam surroundings are light or dark. The blues are close 
in hue and lightness so that, when the background is white, the differences 
among the bl ues are purposeful ly overwhel med by the i nduced darkeni ng of 
the line, and the line looks mostly the same darker blue color. Likewise, 
over a dark background, the line takes on a coherent lighter blue appear- 
ance. Figurel shows the effect with thefull background and Figure2shows 
the same location without land cover, hillshade, or orthoi imagery. Notice 




Figure L Examples of dashed boundary, lightness variation on hydro lines, con- 
tours, and road casings with hillshade, land cover, and orthoi mage background 
layers. 




Figure 2. Similar to Figure lwithout the hillshade, land cover, and orthoimage 
background layers. The hydrography, road, and boundary lines are all identical in 
specification to Figure 1 but look quite different with a high contrast white back- 
ground. 



H ydrography I i nes are hard to see at any si ngl e I i ghtness agai nst these visu- 
ally complex backgrounds of varied lightness. The intermittent dash has a 
subtle "wave" of lightness levels within dashes for contrast against busy 
backgrounds. The perennial line has a subtle wave of lightness levels in an 
embedded long dash. Figure 3 shows an example set of three dashes over a 
solid line to create this effect within a multi-layer line, and color specifica- 
tions for either stream type are as fol lows: 



Intermittent blues: 



• Top: darker bl ue (58, 119, 193) 

• Middle: medium blue (65, 124, 199) 

• Bottom: I i ghter bl ue (77, 134, 209) 

Perrenial blues: 

• Top: medi urn bl ue (65, 124, 199) 

• 2nd: lighter blue (71, 129, 204) 

• 3rd: medium blue (65, 124, 199) 

• Bottom: darker bl ue (58, 119, 193) 
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Figure 3. Dash specification for hydrography line variation in lightness. Ticks 
along bars at right show the dash templates for a four- layer line (at left). 



3.2. Halos 

We use multiple thin bands of related colors to maximize the robustness 
and aesthetic appeal of text halos. Darkest bands are those closest to letter 
forms when letters are drawn in light colors, and lightest bands are closest 
when letters are dark. This ensures legibility and provides a simultaneous 
contrast effect that enhances the internal edge of the text. In the case of 
white road labels (Figure 4), the dark inner halo ensures a prominent letter 
edge, and the lighter second halo blends with the road casings, linking the 
label with its feature. The outer halo also blends with the most common 
lightness levels of the land-cover colors to not cause an abrupt blot on ei- 
ther colorful or plain backgrounds. The double halo does make the letters 
larger but allows labels to visually blend with modulating backgrounds, 
thereby minimizing a forced appearance. This strategy is a simple imitation 
of a glow effect within the reduced graphical sophistication of a Gl S design 
environment. Color specifications for road label halos are as follows: 



Road labels: 



• Text: white 

• Fill: dark beige (186, 170, 153) 

• Outline: beige (212, 193, 174) 




Figure 4. Labels enlarged to show haloswith outline and fill around characters. 



3.3. Transparency and Layer Order 

Transparency is used, notably for roads and hydrographic areas. This allows 
some perception of underlying features, such as orthoi imagery, even though 
these may be overlaid by toggling. Transparent gray roads allow visual in- 
teraction with underlying raster land cover, where built-up areas are sym- 
bolized in colors trending toward white in a design decision reinforcing the 
roads. 



Vertical layer order: 

• Waterbodies; 30% transparent with opaque outlines 

• H illshade; 90% transparent (white to black ramp) 

• Land cover raster; 40% transparent 

• Contours; desaturated orange (RGB: 255, 157, 127) 

• Orthoimage 

Strategic hue selections and layer ordering are essential to ensure legibility. 
Contours in our design are desaturated orange, a hue unused in other layers 
and relatively unlikely to appear in orthoimagery. Terrain shading is in- 
cluded below human features (e.g., roads), but over contours, in part to 
ensure a combination of roads, contours and hill shading remains legible by 
abating the contours. Positioning contours below hillshade and land cover 
layers causes them to appear light on dark areas of orthoimagery, but not 
overly vivid. 

3.4. Casings 

Finally, traditional elements such as road casings make vector symbols ro- 
bust against toggled backgrounds by diversifying the hues and lightness 
levels in the symbol, and by delineating the feature, making color and shape 
matches with backgrounds less likely. Figure 5 shows the road casings en- 
larged. Light red lines for ramps merge well into highways that are also 
cased in the same color. All roads are also cased in beige (see color specifi- 
cations below). Light local roads provide a stylistic link to additional light 
roads visible in the orthoi mage but omitted in the vector data (Figure5b). 

Inter state 3- layer line example: 

• 2.0 pt, dark red (RGB: 137, 68, 68) 

• 3.5 pt, light red (245, 122, 122) 

• 4.5 pt, dark beige (186, 170, 153) 

Local Road 2-layer line example: 

• 12 pt, light beige (234, 229, 224) 

• 2.0 pt, dark bei ge ( 186, 170, 153) - same as i nterstate casi ng 




Figure 5. Closer view of road casings with two backgrounds. Notice the dark beige 
casing links all roads on the white ground (a) and is less visible on the darker 
ground (b), though it protects against lines disappearing into background colors by 
providing a subtly consistent and contrasting ground for each line. 



4. Summary 

Readability is critical to US Topo, particularly since the maps service a di- 
verse user base with multiple viewing environments. The guidelines dis- 
cussed here are relevant to topographic maps as well as mashups, where 
unalterable layers impose symbol izati on constraints which may be success- 
fully navigated with appropriate design decisions. The materials presented 
in this paper are not completed map designs, but the effects explained are 
intended to give consistent weight to varied features, such as those exam- 
ples from hydrography and roadways treated here. 
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